<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">

<link href="{TPL}css/NewTopFoot.css" rel="Stylesheet" type="text/css">

<link type="text/css" rel="stylesheet" href="{TPL}css/AddItemPanel.css">

<script type="text/javascript" src="{TPL}js/jquery-1.4.1.min.js"></script>

<script type="text/javascript" src="{TPL}js/jQuery.Extend.js"></script>

<script src="{TPL}js/jQuery.Drag.min.js" type="text/javascript"></script>

<script type="text/javascript" src="{TPL}js/jquery.cookies.2.1.0.min.js"></script>

<script src="{TPL}js/Gobal.js" type="text/javascript"></script>



<meta content="{lang Recommendation_purchasing_apparel_skin_care_food}" name="keywords">

<meta content="{lang What_Shopping_what_delicious_Chinese_you}" name="description">

<title>[{$cfg_site_name}-{$item[title]}</title>


<link href="{TPL}newedit/css/public.css" rel="stylesheet" type="text/css" />
<link href="{TPL}newedit/css/product.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" charset="utf-8" src="{TPL}newedit/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="{TPL}newedit/js/ImageSwitch.js"></script>
<script type="text/javascript" charset="utf-8" src="{TPL}newedit/js/tab_view.js"></script>


<script type="text/javascript" language="javascript">
    $(document).ready(function(){
		
	
	new ImageSwitch({
			attr:"img_url",
			target:"#id_pic_max > img",
			selecter:".pic_min > a",
			cls_selected:"p_small_on",
			cls_close:"",
			cls_hover:""
		});
	new ImageSwitch({
			attr:"img_url",
			target:"#id_pic_max > img",
			selecter:".de_color a",
			cls_selected:"cu_m_select",
			cls_close:"cu_m_close",
			cls_hover:"cu_m_on"
		});
	new ImageSwitch({
			attr:"",
			target:"",
			selecter:".de_size a",
			cls_selected:"cu_m_select",
			cls_close:"cu_m_close",
			cls_hover:"cu_m_on"
		});
	});
</script>

</head>

<body>

{template 'header'}

<link type="text/css" rel="stylesheet" href="{TPL}css/bootstrap.min.css">

<div class="box m_t_10 det_layout">
	<div class="det_l left">
    	<div class="pic_max" id="id_pic_max"><img id="pic" class="roundBorder" src="{$item[pic_url]}" alt="" /></div>
    	{$atag}
    </div>
    <div class="det_m left">
            <div id="yw0"></div>

            <form name="formcart" class="form-inline" style="width:auto;" id="inlineForm" action="" method="post">

			<input type="hidden" value="add" name="action"  />	
        <div class="det_th">
        	<div class="si">价格：</div>
        	<div class="sh"><span class="det_pice">{$pricetag}</span>
			{$pricetag2}
			</div>
			
        </div>
		<br>
		<div>
        	{$opt}
        </div>
		<div style="clear:both"></div>
		<br>
        <div class="det_th d_fare">
        	<div class="si"><a href="#" rel="tooltip" title="中国当地邮费指的是从中国卖家把商品寄到我们位于中国仓库的费用。">国内运费：</a></div>
        	<div class="sh"><a href="#" rel="tooltip" title="实际价格将根据卖家的位置和订购数量做出调整，此邮费尚未包括国际运费 。"><span class="det_fare">{$shipping} </a></span></div>
        </div>
		<br>
        <div class="det_th det_time">
        	<div class="si">现有存货：</div>
        	<div class="sh"><span id='stock' class="eva_time">{$item[num]}</span>
            </div>
        </div>
		<br>
        <div class="det_th det_number">
        	<div class="si">数量：</div>
        	<div class="sh">
            	<a href="javascript:void(0);" class="num_jian"></a><input type="text" value="1" class="num_txt" name="product[quantity]" id="product_quantity" />
            	<a href="javascript:void(0);" class="num_jia"></a> 
            </div>
        </div>
        <div class="det_bo">
			<div class="quehuo">卖家缺货选择</div>
			<span id="quehuo">
			<div class="det_th quxiao">
				<div class="si"><input value="1" id="quehuo_0" type="radio" name="quehuo" /></div>
				<div class="sh">取消订单</div>
			</div>
			
			<div class="det_th quxiao">
				<div class="si"><input value="2" id="quehuo_1" type="radio" name="quehuo" /></div>
				<div class="sh">我想换其它尺寸/颜色/样式 <input name="quehuotxt" type="text" /></div>
			</div>
			</span>
			<div class="det_th det_qt">
				<div class="si">其他备注：</div>
				<div class="sh">
					<textarea class="qt_txt" name="product[remark]" id="product_remark"></textarea>
					{$inputopt}
				</div>
			</div>
			<div class="det_buy">
              <input type="hidden" value="{$opcount}" name="product[optioncount]" id="product_optioncount" />

              <input type="hidden" value="{$item[title]}" name="product[title]" id="product_title" />

              <input type="hidden" value="{$item[pic_url]}" name="product[image]" id="product_image" />

              <input type="hidden" value="{$item[nick]}" name="product[seller]" id="product_seller" />

              <input id="price" type="hidden" value="{rm_huilv($price)}" name="product[price]" />

              <input type="hidden" value="{$item[express_fee]}" name="product[shipping]" id="product_shipping" />

              <input type="hidden" value="{$item[num_iid]}" name="product[taobao_id]" id="product_taobao_id" />

              <input type="hidden" value="http://item.taobao.com/item.htm?id={$item[num_iid]}" name="product[url]" id="product_url" />

              <input type="hidden" name="product[oid]" id="product_oid" />

              <input id="stockchk" type="hidden" value="{$item[num]}" name="product[stockchk]" />

              <input type="hidden" value="{$item[location][state]}{$item[location][city]}" name="product[location]" id="product_location" />
			  
			<button onclick="checkStock()" class="buy_but" type="submit" >加入购物车</button>
			</div>
        </div>
		
		</form>
         <script>





function checkStock(){

	if(parseInt(document.getElementById('stockchk').value) < 1){

		alert('您选取的选项缺货，请重新选取其他的选项，谢谢。');

		event.preventDefault();

	} 

}





window.onload = function (){



{$defaultoption}

}

{$skuA}

{$skuB}



//****************************** loop optionf field click function **********************//



	$(".opt_0").click(function(){

	

	document.getElementById("opt_0").value = $(this).attr('id');
	
			{$opt_0}
	

	document.getElementById($(this).attr('id')).style.cssText = 'background:#ff6600; color: #ffffff; border:2px solid #ff8811;';

	
	var hid = 'hi_' + $(this).attr('id');
	
	var hidval = document.getElementById(hid).value;
		
	document.getElementById('option_0').value = document.getElementById('opt_title_0').innerHTML + ': ' + hidval;



		

	document.getElementById('stock').innerHTML = '<font color=red><B>0</B></font>';

	document.getElementById('stockchk').value = 0;



		{$skuidclick}



	if(typeof(eval(skuid)) != "undefined" && eval(skuid) !== null) {

		var priceAselected = 'priceA'+eval(skuid);

		var priceBselected = 'priceB'+eval(skuid);

		var stockSelected = 'stock'+eval(skuid);



		document.getElementById('grandtotal').innerHTML = eval(priceAselected);

		document.getElementById('price').value = eval(priceAselected);

		document.getElementById('stock').innerHTML = eval(stockSelected);

		document.getElementById('stockchk').value = eval(stockSelected);

		

			var discountAselected = 'discountA'+eval(skuid);

		var discountBselected = 'discountB'+eval(skuid);



		document.getElementById('discount').innerHTML = eval(discountAselected);

		document.getElementById('price').value = eval(discountAselected);

		

				

	}



});





	$(".opt_1").click(function(){

	

	document.getElementById("opt_1").value = $(this).attr('id');

	

		{$opt_1}

	

	document.getElementById($(this).attr('id')).style.cssText = 'background:#ff6600; color: #ffffff; border:2px solid #ff8811;';

	document.getElementById('option_1').value = document.getElementById('opt_title_1').innerHTML + ': ' + $(this).text();



		

	document.getElementById('stock').innerHTML = '<font color=red><B>0</B></font>';

	document.getElementById('stockchk').value = 0;



		{$skuidclick}



	if(typeof(eval(skuid)) != "undefined" && eval(skuid) !== null) {

		var priceAselected = 'priceA'+eval(skuid);

		var priceBselected = 'priceB'+eval(skuid);

		var stockSelected = 'stock'+eval(skuid);



		document.getElementById('grandtotal').innerHTML = eval(priceAselected);

		document.getElementById('price').value = eval(priceAselected);

		document.getElementById('stock').innerHTML = eval(stockSelected);

		document.getElementById('stockchk').value = eval(stockSelected);

		

			var discountAselected = 'discountA'+eval(skuid);

		var discountBselected = 'discountB'+eval(skuid);



		document.getElementById('discount').innerHTML = eval(discountAselected);

		document.getElementById('price').value = eval(discountAselected);

		

				

	}



});



//******************************/loop optionf field click function **********************//



</script>		
    </div>
    <div class="seller_info right">
    	<h3>卖家信息</h3>
        <div class="seller_name">
        	<a target="_blank" href="http://shop{$shop[sid]}.taobao.com">{$item[nick]}</a><i></i>
			<a target="_blank" href="/"><img src="{$ratename}" alt="" /></a> 
        </div>
        <div class="seller_more">
        	<a href="http://shop{$shop[sid]}.taobao.com" class="sel_more left">查看更多&gt;&gt;</a>
			<a target="_blank" class="sel_contact right" href="http://amos.im.alisoft.com/msg.aw?v=2&uid={$item[nick]}&site=cntaobao&s=1&charset=utf-8" ><img border="0" src="http://amos1.taobao.com/online.ww?v=2&uid={$item[nick]}&s=1" alt="和卖家联系" /></a>
        </div>
    </div>
    <div class="clear"></div> 
</div>

 
 <div class="box m_t_20 depict">
 {$fitemtag}
    <div class="right depict_right">
    	<div class="dep_tab_tit">
        	<ul>
            	<li class="dep_on"><a href="javascript:;">商品详情</a></li><li><a href="javascript:;" style="display:none">商品评论</a></li>
            </ul>
        </div>
        <div class="tab_layout">
        	<div class="canshu_det depict_cell" style="display:none">
                <div class="cs_cell" style="display:none">
                    <ul>
                    <li >主图来源: 自主实拍图</li><li >货号: ST421035</li><li >服装版型: 修身</li><li >衣长: 短款</li><li >领型: 圆领</li><li >袖型: 泡泡袖</li><li >袖长: 短袖</li><li >品牌: OSA</li><li >成分含量: 86%(含)-95%(含)</li><li >面料: 棉</li><li >图案: 植物花卉</li><li >图案文化: 创意</li><li >流行元素: 褶皱 钉珠 立体装饰 蕾丝</li><li >适用年龄: 25-29周岁</li><li >风格: 通勤</li><li >通勤: 韩版</li><li >年份季节: 2014年夏季</li><li >主要颜色: 白色 浅蓝色 米黄色 胭脂粉色 深粉</li><li >尺码: XS S M L XL XXL</li>                </ul>
                </div>
                <div class="custom">{$item[desc]}</div>
            </div>
            <div class="comments depict_cell"  style="display:none">
            	<div class="com_cell">
                	<div class="com_user left">
                        <span class="user_img"><a href="#"><img src="images/avatar-40.png" /></a></span>
                        <span class="user_name"> h***1(匿名) </span>
                        <span class="user_star st_xin"></span>
                    </div>
                    <div class="com_say left">
                    	<div class="com_cnt">穿后来评的，颜色正面料好，衣型是偏长款的，很修身！应该要买大一码就好了</div>
                        <div class="com_bar">2014年07月03日 21:07 主要颜色:薄荷绿色  尺码:S（胭脂粉色S现货）</div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>

{template 'footer'}

</body>

</html>

